// 商品详情页

$(function() {
    var num; //存储商品库存剩余量
    // 获取地址栏传过来的id，动态渲染商品详情
    var id = location.search.split('=')[1];
    // 请求商品信息,渲染页面
    $.ajax({
        type: 'get',
        url: '/product/queryProductDetail',
        data: {
            id: id,
        },
        success: function(res) {
            // console.log(res);
            num = res.num;
            var html = template('tem-detail', res);
            $('.newdata').html(html);
            // bug：动态生成页面后，需要重新进行轮播图的初始化
            var gallery = mui('.mui-slider');
            gallery.slider({
                interval: 0 //自动轮播周期，若为0则不自动播放，默认为0；
            });
        },
    });

    // 点击尺码，添加类样式
    $('.newdata').on('click', '.size span', function() {
        $(this).addClass('active').siblings('span').removeClass('active');
    });

    // 数量加减
    $('.newdata').on('click', '.add', function() {
        var val = $(this).siblings('input').val();
        val++;
        if (val > num) {
            val = num;
        }
        $(this).siblings('input').val(val);
    })

    $('.newdata').on('click', '.sub', function() {
        var val = $(this).siblings('input').val();
        val--;
        if (val < 1) {
            val = 1;
        }
        $(this).siblings('input').val(val);
    });

    // 加入购物车
    $('#addcar').on('tap', function() {
        // 获取所需数据 尺码、数量
        var addnum = $('.num input').val();
        var size = $('.size span.active').html();
        console.log(size);

        // 验证是否选择了尺码
        if (!size) {
            mui.toast('请选择尺码');
            return;
        };
        // 请求接口
        $.ajax({
            type: 'post',
            url: '/cart/addCart',
            data: {
                productId: id,
                num: addnum,
                size: size,
            },
            success: function(res) {
                console.log(res);
                if (res.success) {
                    mui.toast('添加成功');
                } else {
                    mui.toast(res.message);
                }

            }
        })
    })
})